let switchCtn = document.querySelector("#switch-cnt");
let switchC1 = document.querySelector("#switch-c1");
let switchC2 = document.querySelector("#switch-c2");
let switchCircle = document.querySelectorAll(".switch_circle");
let switchBtn = document.querySelectorAll(".switch-btn");
let aContainer = document.querySelector("#a-container");
let bContainer = document.querySelector("#b-container");
let allButtons = document.querySelectorAll(".submit");

let getButtons = (e) => e.preventDefault()
let changeForm = (e) => {
    // 修改类名
    switchCtn.classList.add("is-gx");
    setTimeout(function () {
        switchCtn.classList.remove("is-gx");
    }, 1500)
    switchCtn.classList.toggle("is-txr");
    switchCircle[0].classList.toggle("is-txr");
    switchCircle[1].classList.toggle("is-txr");

    switchC1.classList.toggle("is-hidden");
    switchC2.classList.toggle("is-hidden");
    aContainer.classList.toggle("is-txl");
    bContainer.classList.toggle("is-txl");
    bContainer.classList.toggle("is-z");
}
// 点击切换
let shell = (e) => {
    for (var i = 0; i < allButtons.length; i++)
        allButtons[i].addEventListener("click", getButtons);
    for (var i = 0; i < switchBtn.length; i++)
        switchBtn[i].addEventListener("click", changeForm)
}
window.addEventListener("load", shell);
// 正则表达验证注册信息
function $(idValue) {
    return document.getElementById(idValue)
}
function checkUsername() {
    var userVal = $("user").value
    var userTip = $("user_prompt")
    // 以字母开头，字母数字组成的4-10位
    var reg = /^[a-zA-Z][a-zA-Z0-9]{3,9}$/
    userTip.innerText = reg.test(userVal) ? "" : "用户名以字母开头，由字母数字组成的4-10位"
    return reg.test(userVal)

}
function checkEmail() {
    var emailVal = $("email").value
    var emailTip = $("email_prompt")
    // 以@xx.com结尾格式
    var reg = /^\w+@\w+\.(com|cn)$/
    emailTip.innerText = reg.test(emailVal) ? "" : "电子邮箱格式错误"
    return reg.test(emailVal)
}
function checkPassword() {
    var pwdVal = $("pwd").value
    var pwdTip = $("pwd_prompt")
    // 密码为英文开头且4-10位字符组成
    var reg = /^[a-zA-Z].{3,9}$/
    pwdTip.innerText = reg.test(pwdVal) ? "" : "密码为英文开头且4-10位字符组成"
    return reg.test(pwdVal)
}
function checkAll() {
    // 全部检测通过返回true,否则返回false
    return checkUsername() && checkPassword() && checkEmail()
}
// 本地存储
function register() {
    if (checkAll()) {
        // console.log("if 返回 true")
        let obj = {username:$("user").value,password:$("pwd").value,email:$("email").value}
        localStorage.setItem("resmessage",JSON.stringify(obj))
        alert("注册成功，请登录")
        }
    }

function login() {
    console.log(localStorage.getItem("resmessage"))
    let userInfo = JSON.parse(localStorage.getItem("resmessage"))
    // console.log(userInfo.username)

    var emailVal = $("login_email").value
    var pwdVal = $("login_pwd").value

    // console.log(emailVal)

    if(emailVal == userInfo.email && pwdVal != userInfo.password) {
        alert("密码错误，请重新输入")
    } else if(emailVal != userInfo.email && pwdVal != userInfo.password){
        alert("密码和用户名错误，或您未注册")
    } else if(emailVal != userInfo.email) {
        alert("用户名错误，请重新输入")
    } else if(emailVal == userInfo.email && pwdVal == userInfo.password){
        alert("欢迎您！" + userInfo.username)
        location.href = 'index.html'
    }

    
}
// //注册密码,用户名函数
// function register() {

//     var enroll_email = document.getElementById("email");
//     var enroll_pwd = document.getElementById("pwd");
//     var email = enroll_email.value;
//     console.log(email);//获取用户名
//     var pwd = enroll_pwd.value;
//     console.log(pwd);//获取密码
//     if (localStorage.length == 0) {
//         //没有数据直接存储
//         var dataLength = localStorage.length // 获取现在已有数据的长度  这个长度用于拼接到本地存储的每个key值中  达到一个动态存储的效果  每条本地存储数据需要一个钥匙   也就是获取这条数据的名称  就是key
//         console.log(dataLength);
//         // 创建一个对象用于存储用户输入的数据
//         var data = {};//创建一个对象
//         data.email = tel;//添加用户名
//         data.pwd = pas;//添加密码
//         data.id = dataLength;//添加凭证id
//         var info = JSON.stringify(data);//将对象转化为字符串,因为本地只能存储字符串
//         console.log(info);
//         // 向本地存储数据   第一个参数就是key钥匙  第二个是我们要存储的数据
//         localStorage.setItem("key" + dataLength, info);
//         // 获取本地存储所有数据 查看是否存到本地


//     }
//     else {
//         //判断用户名是否重复
//         for (var i = 0; i < localStorage.length; i++) {
//             var key = localStorage.key(i);
//             var keydate = localStorage.getItem(key);//得到当前key对应的对象
//             var keyinfo = JSON.parse(keydate);//转化字符转

//             if (keyinfo.tel == email) { //判断你输入的用户名和已存储的是否重复
//                 alert("账号已经存在，请登录");
//                 break;
//             }
//             else {
//                 var dataLength = localStorage.length // 获取现在已有数据的长度  这个长度用于拼接到本地存储的每个key值中  达到一个动态存储的效果  每条本地存储数据需要一个钥匙   也就是获取这条数据的名称  就是key

//                 // 创建一个对象用于存储用户输入的数据
//                 var data = {};
//                 data.email = email;//添加用户名
//                 data.pwd = pwd;//添加密码
//                 data.id = dataLength;//添加凭证id
//                 var info = JSON.stringify(data);//将对象转化为字符串,因为本地只能存储字符串
//                 console.log(info);
//                 // 向本地存储数据   第一个参数就是key钥匙  第二个是我们要存储的数据
//                 localStorage.setItem("key" + dataLength, info);
//                 // 获取本地存储所有数据 查看是否存到本地
//                 console.log(localStorage.valueOf());
//                 break;
//             }



//         }


//     }



// }

// //登录函数
// function login() {
//     var email = document.getElementById("login-email").value;
//     var pwd = document.getElementById("login-pwd").value

//     if (localStorage.length == 0) {//判断当前本地存储是否为空值
//         alert("你还没有注册");
//     }
//     else {
//         //定义三个数组,实现本地的存储值临时存放,与输入的值进行比对作用
//         var emaildata = [];
//         var pwddata = [];
//         var iddata = [];
//         //循环判断本地用户名
//         for (var i = 0; i < localStorage.length; i++) {
//             var key = localStorage.key(i);

//             var keydate = localStorage.getItem(key);//拿到当前key对应的value.
//             var keyinfo = JSON.parse(keydate);//转换字符串
//             console.log(keyinfo);//拿到了当前对象的三个值,
//             emaildata[i] = keyinfo.email;//将对象的值,分别放入数组中,进行比较
//             pwddata[i] = keyinfo.pwd;
//             iddata[i] = keyinfo.id;
//             console.log(emaildata);
//             console.log(pwddata);
//             console.log(iddata);

//         }

//         if (emaildata.indexOf(username) < 0) { //当前数组中如果没有该用户名,返回-1,
//             alert("该账号,尚未注册,请先注册");

//         } else {
//             var index = emaildata.indexOf(username); //将当前得到的用户名在数组的中下标,拿出来,
//             if (pwddata[index] != password) {//将拿到的下标,赋给,密码数组的下标,因为此时,两个数组的下标是匹配的,所以可以通过下标进行密码的正确判断.
//                 alert("密码错误!");

//             } else {
//                 alert("欢迎" + username + "光临");

//             }


//         }



//     }

// }